Web Design Trends WordPress Users Need To Know

WordPress is the most popular content management system existing today fetching 21.8% of the world’s total internet usage and capturing 60.3% of the market share as per W3tech’s latest market report. It comes as no surprise that the majority of the general web design trends predicted for 2014 are already common features available and/or integrated in most if not all WordPress themes being sold in the marketplace today. It makes you wonder whether WordPress is only a trend follower or it is actually THE trend setter to watch.

WordPress core developers, theme and plugin developers and authors, and the WordPress community in general are some of the most passionate people on the planet. With only ten years tucked into its belt, WordPress has emerged as one the most dynamic and cutting edge platforms today primarily because of the commitment of its community.

In a recent business article on eCommerce design trends for 2014, it lists trends that WordPress users already consider as familiar features. The trend list includes:

  • flat design
  • responsive design
  • less sliders
  • more user friendly navigation
  • more creative use of web fonts

These trends have actually appeared in most WordPress themes as common features in the last year or so. Even Forbes magazine, lists similar web design trends in an article that came out early this year. Although Forbes also adds “storytelling design” characterized by concise, compelling copy coupled with strong imagery as one of the significant web trends that will emerge in 2014. Guess what? A wonderful new WordPress plugin – Aesop Story Engine – in relation to the “storytelling” trend has already been generating a lot of interest lately.

For those who have been following the development path of the latest WordPress version that is to be released (April 16), there are several new features in WordPress 3.9 that could set off new “trends” in the web design world. WordPress 3.9 emphasizes more user friendly features and improved multimedia handling capabilities. A few of these significant features that are worth noting are listed below:

  • New features like live widget previews
  • a new theme installer
  • UI refinements when editing images and when working with media in the editor including the return of some of the advanced display settings for images.
  • audio and video playlists
  • new gallery support
  • The formatting function that turns straight quotes into smart quotes (among other things) underwent some changes to drastically speed it up.

More detailed features can be viewed on the WordPress core development website.

Having said all that, it is interesting to note that the thrust towards being more multimedia savvy while at the same time being more and more user friendly could be a significant WordPress feature that could set off a general web design trend. With WordPress gaining more and more influence over the whole internet population, it is possible that whatever developers, coders, designers, authors, etc. come up with to improve WordPress products and services could eventually be the standard that the web design community will use.

Who knows what WordPress will be like in the next 10 years. The innovations succeeding WordPress iterations will bring and the vast influence it will have in relation to the entire Internet population, mobile, tablet or what not together with the hardcore commitment of its core community will definitely create an impact on the way the world wide web looks and functions. Whatever it is, anything that goes on in WordPress is definitely going to be exciting and worth watching.

Must Have Features in Choosing a WordPress Theme for your Website

WordPress theme trends come and go. Some popular features a while back have faded away while others went mainstream and have become basic and essential features integral to a WordPress theme. A lot of the WordPress themes in the marketplace today are feature-packed and sometimes it gets overwhelming to choose the perfect one. Website owners need to be able to sort through long menu of features, pull out those that are relevant to their own specific website needs and goals, just to make sure they don’t get an over bloated and slow-loading website. Here are some basic features to look for in selecting a WordPress theme to fit your website needs.

Flexibility and Ease of Use

User experience is a key factor in web design. WordPress themes must be flexible enough to adapt to the user’s needs and provide way for customization to be simple and easy. A popular feature nowadays is the drag and drop feature where layouts can be configured and reconfigured by simply dragging and dropping elements into specific areas. WordPress themes that include this feature already have a fan base as it makes customization convenient and friendly even for WordPress beginners.

Responsive (On or Off feature)

The emergence of mobile platforms in internet usage makes its users a population that shouldn’t be ignored. A lot of people think that mobile might eventually displace desktop as the dominant platform for internet access. In light of this, website owners need to consider WordPress themes that are 100% responsive enabling content to be presented efficiently on smartphones, tablets, and other mobile or handheld devices. Themes that include features such as menus especially designed for mobile devices, responsive sliders, and responsive images are also a plus factor. Some also prefer that they have control over whether they want the responsive feature turned on or off which means that WordPress themes that have this option will appeal to this type of web user.

Search Engine Optimization

It would be a pity for a site with amazing content to be left to obscurity because search engines can’t find it. According to Joost de Valk, creator of the popular SEO plugin Yoast,

“Out of the box, WordPress is a pretty well optimized system, and does a far better job at allowing every single page to be indexed than every other CMS I have used. But there are a few things you should do to make it a lot easier still to work with.”

WordPress themes that are built according to best code practices and are integrated with sound SEO measures will do well as far as search engine visibility and ranking are concerned.

Multi Media Handling Capabilities

Gone are the days where people are merely content reading stuff on the web. Today’s generation of internet users seek more interactive and media heavy content. Website users tend to lean towards WordPress themes that are flexible enough to handle all types of media formats (audio, video, images, etc). Support for self-hosted videos, Youtube, Vimeo and SoundCloud, and other third party multi media content hosts is always a plus as internet users today.

Animations, Parallax, Sliders, etc.

Some people detest sliders and other visual eye candy. Some don’t even think that it helps a site at all while some consider these visual effects necessary features in a website. When people get to your site, you want to ensure that they get enough interest to go through your content. The use of all these visual effects can go from cheesy to spectacular depending on how it is presented. Today’s media bombarded user can benefit from well-thought of and creative visual presentations that feed both the eyes and the mind.

Translation or Multi Lingual Ready

WordPress already powers more than 21% of the Internet and will continue to increase even as of this writing. This means that more non-English speaking users will be thrown in the mix of users and will need themes that can be translated into their own languages and with RTL (right to left provision). This segment of WordPress users will be more attracted to themes that are easier to adapt to their local audiences.

These features listed here may or may not be on the top of your list. If you do have some suggestions, feel free to leave us a comment and tell us why you think so. We’d love to hear from you.

M-Commerce – The Mobile Market, Web Design and Conversion

The unstoppable invasion of mobile computing and how it has woven itself into our daily routines is undeniable. A life without the Internet, free WiFi, and our handheld devices is almost unimaginable and web designers have heard and heeded this lifestyle change, hence, the birth of responsive, fluid, and liquid design trends. Mashable has even named 2013 “The Year of Responsive Design”. However, we are still in the early stages of understanding this mobile demographic to yet see tangible and consistent conversion results from the marriage of Mobile Commerce (M-Commerce) and Web Design for handheld and mobile devices. Responsive design does not necessarily equate to actual conversion, whether in sales, subscriptions, or networking.

According to a report by Litmus.com,

“More email is read Mobile than on a desktop email client or via webmail. Stats say 36% of email is now opened on a mobile device, with 33% for desktop and 31% for webmail.” – Litmus –”Has your audience gone Mobile” (June 2012)

As of September 2012:

We’ve seen some major changes in mobile email opens in the past year and a half. As of September 2012, 38% of all opens were on a mobile device, compared to only 17% eighteen months ago—that’s a 123% increase in mobile opens!

Diving deeper into specific mobile operating systems, the majority of these opens are being made on iOS (iPhone and iPad – 80.34%) and Android (18. 93%) devices:

The next question is, Does Mobile Traffic Convert into Leads?

Not necessarily so. There are several factors that lead to actual traffic conversion and there is no hard and fast rule on it but website owners can make educated guesses based on actual data and stat results gathered from their own website traffic trends.

Three ways to reach your target mobile traffic:

Run a native mobile app

  • Needs to be downloaded by the user
  • Restricted amount of content and functionality

A mobile website or M-Dot (a dedicated scaled down mobile version of the main website)

  • Advantage – faster loading time and optimization
  • Disadvantage – two bodies of content to manage

Responsive web design

  • Uses responsive, fluid, liquid layouts, media queries, and flexible images to adapt to various devices and resolutions
  • More future friendly
  • One body of content to manage
  • Consistent brand experience
  • Social media friendly

Among all three, responsive web design appears to be the most feasible way of reaching your target market. But is responsive web design enough to address the problem of conversion?

Here are some strategies to consider to maximize your web design and marketing optimization efforts to improve your conversion rates on your website:

Create a mobile optimized landing page

  • Make sure that your landing page is displayed properly on all screen sizes (portrait and landscape)
  • The need for speed – achieve fast loading time (5 seconds or less) by using optimized media content (images, video, and audio) and scripts.
  • User friendly – Prospects don’t have to type anything just click a button. If possible, must be clickable by the thumb.
  • Content must be simple, readable and easily navigable. Call to action buttons must be prominently but strategically located.

Create a mobile optimized order form

  • Redirect users from the landing page to your mobile optimized order form.
  • Form fields should be easy to read and fill out on any mobile device. Longer forms lead to boredom and lower conversion rates.
  • Remove all sidebar content so the form fits perfectly on the viewable window of the mobile device

Create several versions of your landing pages and order forms and test which ones convert the most. Improving User Experience and establishing a User Friendly Interface all contribute to an enjoyable browsing experience for your mobile visitors which will eventually boost your conversion results.

Responsive WordPress Themes 2013: Trends

For decades web design has always been centered around the desktop. We’ve always created our themes with the assumption of a user sitting in front of a desktop with high speed internet connection and using the most powerful web browsers available. The advent of mobile platforms have forced us to rethink this paradigm and we have had remarkable progress in creating themes that work on both desktop and mobile platforms. A few years ago, it was predicted that mobile devices will overtake desktops as the dominant Internet access device. With this continued trend to towards mobile computing, are we really prepared to respond to this technology inflection point?

The necessity for asking this question comes with the realization that a lot of design practitioners still follow a graceful degradation doctrine of design. We develop a top of the line theme version designed for the most powerful infrastructure users may have and allow the theme’s functionalities to disable when weaker systems are encountered. We have done this effectively with the use of fluid grids, flexible images/elements and media queries. However, if iOS and Android devices become the new mainstream, shouldn’t our themes be designed primarily for these devices and allowed to progressively enhance when more generous systems are encountered?

The point we are putting forth is this: 2013 will likely be the year mobile devices take over. The challenge for us is to create our themes for this new environment. The next question: “Among mobile devices what should our base platform be?” Based on the latest mobile internet trend numbers, tablets, particularly the iPad, are now coming to the forefront. Smart phones are still on the early stages of growth with a lot of mobile subscribers anticipated to convert in the next couple of years. The growth of the mobile internet is driven by emerging markets led by China, India, Indonesia, Philippines and Nigeria. As such, upcoming themes should be optimized with iPad sized tablets in mind, comprehending how the site will load in light of 3G infrastructure still being mainstreamed in global markets. These designs should be light on cache on these memory limited devices. Features for high performance desktop systems should not in anyway be downloaded to mobile devices but should remain in the cloud to be activated only when the appropriate device is detected.

So what comes next? What do we look forward to beyond 2013? We still have about 5B mobile phone users anticipated to convert to smartphones. By then, our designs will have to be for the small screen. For now, our general trend is “miniaturization” of the desktop. Quite appropriate for a world that is becoming smaller and smaller everyday.

Elegant Themes Shortcodes: Now Responsive!

With the advent of mobile platforms, WordPress themes have to adapt to the demands of this steadily growing user base. It can really be quite frustrating to read articles from any major newspaper’s website on iPhone or Android and get all the content mish mashed. Theme developers and web designers need to move more and more toward this emerging trend towards responsive themes.

It is a welcome development that Elegant Themes recently released its responsive shortcodes. While Elegant Themes has been churning out responsive themes for quite a while, the shortcodes were left out. It took 10 responsive themes before mobile friendly shortcodes were released. Great news, indeed!

So how do these new shortcodes, improve mobile browsing experience? Elegant Themes’ blog cites two examples of their improvement strategy. Tabs have always been an issue when websites typically viewed on a 960px wide screen to a 320px width. No matter what you do, having 10 tabs will alway come out cramped. Solution: Tabs turn into a slider when switching to mobile mode. It just makes sense to have sliders rather than have unreadable tab labels. Another example cited was the case of columns. As the content width gets narrower, text in columns become a bunch of flying letters. Solution: the new shortcodes convert columns into boxes when switching to mobile screens. Brilliant isn’t it? Regarding the new shortcodes, Elegant Themes has declared them to be fluid width giving them the capacity to shrink and expand according to screen size.

Web design and the emerging technology innovation and trends are accelerating even faster. More and more mobile users prefer to access the web through their devices and WordPress Themes providers need to step up their game. For loyal subscribers of Elegant Themes, these concrete steps towards updating and upgrading all Elegant Themes products is always welcome and appreciated.

Congratulations to Elegant Themes for taking WordPress theme development one step further and fully embracing the future of WordPress.

See Elegant Themes’ Responsive Shortcodes

WordPress-Friendly Ghost Themes

Ghost started out as a Kickstarter project by John Nolan with the goal of creating

… a blogging platform with all the open source benefits of WordPress, but simpler in every way, and just focused on publishing. Ghost is unique in its philosophy of focusing entirely on publishing. Everything about the administrative system is designed around making writing simple and pleasurable. Everything about the theme system has been created to facilitate personal blog, magazine, and news themes.

The biggest difference between Ghost and other platforms from a technological point of view is that it’s built entirely in JavaScript. A modern technology stack means that Ghost can push the boundaries of what’s possible with the web. You can install and run a blog on a 16MB USB stick, a Raspberry Pi, or a high powered Virtual Private Server.

Although this new ecosystem is fairly new compared to WordPress and may not appeal to everyone’s liking, there have been several beautiful and interesting themes that have been released with a WordPress version counterpart. Here are a few of these Ghost-inspired WordPress themes that you can check out.

CASPER

Casper WP theme, is essentially a port of the gorgeous default theme from the Ghost blogging platform built using Underscores as a base. It is a clean, minimalist, and lightweight theme that’s designed to highlight content without the unnecessary frills. Author, Lacy Morrow, gives a short demonstration of the theme’s features with a blog post that was written in Markdown (the language used by Ghost)and uses the Jetpack Markdown plugin for parsing. Other WordPress features are also integrated into the theme.

RAIN

RAIN is one of the best selling Ghost themes on ThemeForest and also has a responsive WordPress theme counterpart. This minimalist WordPress “Ghost” theme has a background that is 100% dynamic where you can imply upload your own photo and it also includes audio files in the package free of charge. This theme is designed primarily for writers.

ASTRO

Astro is a content focused responsive theme, originally a Ghost designed theme, built for the WordPress platform. Designed from the bottom up to be high performance, user friendly, and accessible on all devices. Astro adapts to the users viewport, so it looks great on smartphones, tablets, TVs, and even the latest 4K monitors. Astro includes two different post styles. The standard style is designed for update posts and short articles. The featured style includes full title images, suited towards larger articles, tutorials and other documentation.

Top Themes Featured on Theme Forest

Every week, Themeforest features promising WordPress themes that are worth noticing. Here are some of the latest themes that have been featured on Themeforest you need to see. Check these out.

Forgiven – A Powerful WordPress Theme for Churches

Forgiven Premium WordPress Theme is a powerful parallax enabled church theme that includes major features such as: Visual Composer plugin, Slider Revolution, Envira Gallery, the unique and exclusive Blur Slider, support for Church Theme Content, WooCommerce support, Page customizer, Gravity Forms and Contact Form 7 support, Sermon functionality, The Events Calendar and the Events Calendar Pro plugin integration and support, and so much more.

FlatAds – Classified AdsWordPress Theme

FlatAds Classified Ads WordPress Theme is a super flexible and fully responsive Premium Directory/Listing WordPress themebuilt with HTML5 and CSS3. FlatAds is compatible with WooCommerce 2.1, bbPress, and MailChimp for WP plugin. Other key features include custom fields for categories and subcategories, interactive Google maps Geolocation support, integrated PayPal payments support, and WPML (multilingual) support.

Faculty – Responsive Academic WordPress Theme

Faculty Responsive Academic WordPress Theme is a magazine or personal blog styled page that can be used to build personal or professional websites specifically for academic people. This simple and yet well structured responsive theme is especially designed as an online cv of professors and PHD students. Key features include publications management, option to present research, teaching and blog pages, and provision for downloadable CVs for interested visitors.

KLEO – Next level Premium WordPress Theme

KLEO – Next level Premium WordPress Theme is an extremely flexible, fully customizable BuddyPress and bbPress compatible WordPress multipurpose theme to help you create a community, a corporate portfolio, or a membership website. This membership ready theme allows you to create membership levels and restrict content based on member access quite easily. key features include: WPML and Translation Ready, WooCommerce Ready, Google Maps integration, Contact Form 7 compatible, among others.

Time Travel – Timeline WordPress Theme

Time Travel – Timeline WordPress Theme is an ultra modern next generation premium theme developed with cutting edge technology and design. The built-in voice control makes it both revolutionary and at the same time super intuitive to use. You can set up your own language to be used in the voice commands control, so it is as easy as possible for your visitors. The design of the site is a 3D time travel path, ideal for displaying chronology data, posts flow by date, history info or just any type of timeline content in a modern and futuristic way.

It is ideal as a blog, a portfolio site, a corporate site aiming to display the history of company or brand, an artist’s portfolio to display albums / films / books in a chronological way, an agency website to showreel projects and team by date, etc.

Hooray – Premium WordPress Blog Theme

Hooray Premium WordPress Blog Theme is one of the most colorful and user friendly personal blog themes. Key features include: easy to use powerful Admin Panel, full Arabic RTL support, social counter integration, translation and multi language ready, page templates, review and rating system, unlimited colors and sidebars, and so much more.

Moustachey: A Blog theme with extra gusto

Moustachey Premium WordPress Theme is a fun, quirky WordPress blog theme playing on the moustache design. Key features include: Author support, social share enabled, typekit web fonts integration, adobe edge web fonts integration, Google analytics support, Google API v3 integration, configurable donate/message block at the top of the page, localization support, and so much more.

What Features Do Most Commercial WordPress Themes Have in Common?

WordPress users enjoy many benefits not necessarily available in other content management systems. The plethora of high quality WordPress themes that users can choose from is more than enough to dress up any website. Whatever type of website you plan to put up, most likely, there is a WordPress theme for it. Here are some of the most common features present in some of the most popular WordPress themes in the market today.

A Great Slider

An effective theme must help create a steady following for your site. It must be able to captivate casual visitors and convert theme into followers that eventually become clients and customers. A slideshow is a great tool that can deliver quick, dramatic visual impact combining the use of images with taglines, spiels, or memes to hook visitor interest. This billboard-like effect gives casual visitors something to spark their curiosity and encourage them to examine and explore your site further. The short attention span this generation has, a slider is an indispensable feature for any website. Popular plugins like Slider Revolution, Layer Slider, Nivo Slider, and Flexslider make the job a whole lot easier.

Parallax and Animation

Once you’ve gotten the attention of visitors, the challenge shifts towards keeping their interest. Perhaps you’ve attended lectures were you came in with excitement about what you could learn only to be disappointed by a boring, uncharismatic instructor whose droning voice put you to sleep. This is analogous to going through great content in boring or even hard to read content. This actually narrows your followers to those who are actually already sold to your content. If your goal is to convert more people to your product or service, the presentation of your content has to facilitate easy reading and assimilation of information. Corporate presentations are often more effective when stats are represented as animated charts and bullets. These actually help executives focus on the items that need to be considered. Having animated bullets and content sections also give focus on items you want your visitors to remember.

Flexible Layout with Drag and Drop Capability

Presenting your content is important in developing your following. While animation helps your audience focus on key points of your content, a sound content structure is still required for visitors to make sense of your site as a whole. Being able to piece together key points into a cohesive body of knowledge will drive home a stronger message to your visitors that will keep them coming for more. To do this, your content has to be organized in such a way that visitors go through important sections in a natural, stress free manner. The natural flow of content will vary according to your audience. Recognizing this, themes that have been designed and devised to respond to the needs of various audiences will bring a higher conversion in terms of subscribers and followers. A lot of themes now include drag and drop page builder features allowing you to assemble your own pages from scratch. Some themes come with ready made layouts for almost any type of site which can be tweaked to meet specific audience needs. Most, if not all, of these themes have powerful options panels and shortcode generators for maximum customization flexibility.

Mobile Friendly

Mobile is a platform that cannot be ignored. Mobile gadgets are part of today’s lifestyle because of the convenience it provides its users. As such, theme designers and developers are forced to confront the peculiarities one encounters when using a mobile device. A theme has to be responsive. This means it has to be able to adjust to give the best possible display regardless of what device you use to browse your site. Theme pages need to have the capability to reorder and resize according to tablet and smartphone displays without sacrificing the beauty of the theme on desktop. In addition to this, special navigation menus for mobile devices must be able to facilitate the interface differences on these devices from desktop. Usually, the Bootstrap framework is a theme author’s go to option to ensure optimal performance on mobile platforms.

Good SEO

No matter how great your site is in terms of content or aesthetics, it must be found by your target audience. Great themes are coded in such away that is friendly to search engines to help land your site on the first few pages of search results. This is accomplished in a number of ways: meta and links, XML sitemaps, RSS Optimization, and Breadcrumb among others. There are numerous options to ensure your site is covered by good SEO measures. Clean code, SEO optimized images and videos, and installing reliable and tested SEO plugins like SEO by Yoast, etc. are some of the many SEO practices you can integrate on your site.

WordPress Themes for Photographers – March 2014

Creating an online portfolio is no longer a challenge nowadays. There are hundreds of options for displaying photographs available to photographers today that give you that expensive professional look. Here are some of the latest WordPress photography themes you can use to show off your prized images:

PhotoReactive – Fullscreen Studio for WordPress

PhotoReactive Premium WordPress Theme is a full screen studio theme for WordPress that photographers will love. This premium theme gives photographers tons of creative options for them to showcase images and other multimedia content both on the homepage and also in the portfolio pages. Full screen slideshows options include touch swipe capability, captions (with or without), photo wall, YouTube and Vimeo videos, static image, and the popular Kenburns slideshow (with or without audio). This theme is also equipped with Ajax & normal portfolio showcases, WooCommerce functionality to help you set up your own photography shop and it is also WPML ready (includes .po .mo language files.)

Devendo Photography WordPress Theme

Devendo Premium WordPress Theme is a flat and modern portfolio theme suitable for photographers. This premium theme is built with Bootstrap 3, is 100% responsive and is also available in four color schemes that can be changed in the theme’s options panel. Key features include: smart overlay search function, integrated social sharing, responsive mega menus with Bootstrap grid inside dropdowns, full screen portfolio with direction aware hover effects, smooth scrolling AJAX-powered horizontal blog, among others.

Fidelity – Premium Photography WordPress Theme

Fidelity Premium WordPress Theme is a modern photography theme with a future-oriented design targeted primarily for photographers but can also be used by design agencies, architecture bureaus, etc. This premium theme takes a full advantage of the latest CSS3 hardware-accelerated transitions (with a fallback to jQuery animations) giving users incredible performance on diverse platforms like desktops, tablet PCs and smartphones. Some of the unique features include: the ability to set up narrow or full width page in a few clicks, the ability to show EXIF data in the portfolio posts, and the horizontal masonry style blog layout that gives you that high end magazine feel. You can also display unlimited slideshows and videos for your background.

The Gentleman – Photography & Portfolio Theme

The Gentleman WordPress Theme is a fully responsive multipurpose theme perfect for any photographer, designer, agency, or any business looking to show off their work. There are multiple homepage layouts, tons of portfolio styles to choose from, and a lot of other features allowing you to build your perfect photography/portfolio website. This theme includes features like: Price tables, team members, multiple blog layouts, preset flat and pattern styles, a powerful theme options panel, multiple sliders including the popular Revolution Slider, multiple portfolio options including the Magnific Responsive Lightbox, and so much more.

Camilla – Horizontal Fullscreen Photography Theme

Camilla Premium WordPress Theme is a modern, minimal, full screen horizontal canvas ideal for displaying your photographs the way you intended them to be seen. This theme’s minimalistic design shifts the focus to your work with the use of distraction-free full screen video-ready galleries . Some of this theme’s modern features include: one-page layout, horizontal scroll, vertical scroll sections in horizontal layout, and it is optimized for mobile devices with its swipe navigation feature for smartphones and tablets, etc.